<template>
  <div class="container">
    <el-row :gutter="20">

      <el-col :span="12" class="cel">
        <div class="label">
          姓名：
        </div>
        <div class="value">
          {{rowInfo.name}}
        </div>
      </el-col>
      <el-col :span="12" class="cel">
        <div class="label">
          性别：
        </div>
        <div class="value">
          {{rowInfo.sexStr}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          民族：
        </div>
        <div class="value">
          {{rowInfo.nationality}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          婚姻状态：
        </div>
        <div class="value">
          {{rowInfo.marryTypeStr}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          出生日期：
        </div>
        <div class="value">
          {{rowInfo.birthDate}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          身份证号：
        </div>
        <div class="value">
          {{rowInfo.idNumber}}
        </div>
      </el-col>
      <el-col :span="12" class="cel">
        <div class="label">
          入伍时间：
        </div>
        <div class="value">
          {{rowInfo.enterArnyTime}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          联系电话：
        </div>
        <div class="value">
          {{rowInfo.phoneNo}}
        </div>
      </el-col>
      <el-col :span="12" class="cel">
        <div class="label">
          文化程度：
        </div>
        <div class="value">
          {{rowInfo.educationalLevelStr}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          政治面貌：
        </div>
        <div class="value">
          {{rowInfo.politicsStatusStr}}
        </div>
      </el-col>
      <el-col :span="12" class="cel">
        <div class="label">
          退伍证件：
        </div>
        <div class="value">
          {{rowInfo.retiredName}}
        </div>
      </el-col>

      <el-col :span="12" class="cel">
        <div class="label">
          退伍编号：
        </div>
        <div class="value">
          {{rowInfo.retiredCode}}
        </div>
      </el-col>
      <el-col :span="12" class="cel">
        <div class="label">
          是否悬挂光荣牌：
        </div>
        <div class="value">
          {{rowInfo.hangHonourCardStr}}
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name: 'BaseInfo',
  props: ['rowInfo'],
}
</script>

<style lang="scss" scoped>
.container{
  width: 100%;
  height: auto;
  .cel{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .label{
      width: 120px;
      min-height: 40px;
      font-size: 14px;
      font-weight: bold;
      line-height: 40px;
      text-align: right;
    }
    .value{
      width: calc(100% - 120px);
      min-height: 40px;
      line-height: 40px;
    }

  }
}


</style>
